<template>
	<view>
		<view class="bg-img">
			<!-- 个人信息模块 -->
			<view class="header auto mt20 white" @click="handerMoney">
				<view class="dflex alc ml40 pt40">
					<view class="fs30 fw900">孙子涵</view>
					<view class="fs24 fw500 ml14">15836113384</view>
				</view>
				<view class="white dflex mt30">
					<view class="flex1 dflex flexc alc">
						<view class="fs40 fw900">980</view>
						<view class="fs24 mt10">总杯数(杯)</view>
					</view>
					<view class="flex1 dflex flexc alc">
						<view class="fs40 fw900">1980</view>
						<view class="fs24 mt10">总金额(元)</view>
					</view>
					<view class="flex1 dflex flexc alc">
						<view class="fs40 fw900">12</view>
						<view class="fs24 mt10">报备学校(个)</view>
					</view>
				</view>
				<view class="pl40 mt30 fs24">注册时间：2023-01-01</view>
			</view>
			<view class="data mt20">
				<view class="pt30 pl30"><subtitle title="学校列表"></subtitle></view>
				<!-- 组件 -->
				<view class="mt30 container">
					<SchoolCom></SchoolCom>
					<SchoolCom></SchoolCom>
					<SchoolCom></SchoolCom>
					<SchoolCom></SchoolCom>
					<SchoolCom></SchoolCom>
				</view>
			</view>
		</view>

		<tabbar :select="0"></tabbar>
	</view>
</template>

<script>
import tabbar from '@/components/tabbar/tabbar.vue';
import SchoolCom from '../components/SchoolCom/SchoolCom.vue';
export default {
	onLoad() {
		uni.setStorageSync('indexType', 4);
	},
	components: {
		tabbar,
		SchoolCom
	},
	data() {
		return {};
	},
	methods: {
		handerMoney() {
			uni.navigateTo({
				url: '/pagesC/achievement/achievement'
			});
		}
	}
};
</script>

<style scoped lang="scss">
page {
	background-color: #fff;
}
.bg-img {
	width: 750rpx;
	height: 600rpx;
	padding: 0.1rpx;
	background-image: url('../../pagesB/images/indexbg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	.header {
		width: 690rpx;
		height: 316rpx;
		background: linear-gradient(90deg, #8092eb 0%, #4151db 100%);
		border-radius: 20rpx;
	}
}
.data {
	width: 750rpx;
	padding-bottom: 20rpx;
	background: #ffffff;
	border-radius: 20rpx;
}
.container {
	padding-bottom: 150rpx;
}
</style>
